/* Kendo base CSS */

.fake{color:red;}

.k-reset { margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none;}

.k-floatwrap:after,.k-slider-items:after,.k-grid-toolbar:after{content:"";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
.k-floatwrap,.k-slider-items,.k-grid-toolbar{display:inline-block;}
.k-floatwrap,.k-slider-items,.k-grid-toolbar{display:block;}

/* main gradient */

.k-block,
.k-button,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-tooltip,
.k-pager-wrap,
.k-tabstrip-items .k-item,
.k-link.k-state-hover,
.k-textbox,
.k-textbox:hover,
.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-draghandle
{
    background-repeat: repeat-x;
    background-position: 0 center;
}

.k-tabstrip,
.k-menu-vertical,
.k-editor,
.k-tooltip,
.k-state-hover,
.k-state-focused,
.k-state-selected
{
    background-position: 0 -258px;
}

/* widget */

.k-block,
.k-widget,
.k-inline-block,
.k-textbox > input,
.k-input[type="text"],
.k-input[type="number"],
.k-textbox,
.k-picker-wrap .k-input,
.k-button,
.k-draghandle
{
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
}

.k-block,
.k-widget
{
    line-height: normal;
}

/* Block */

.k-block
{
    width: 200px;
    height: 100px;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* button */

.k-button
{
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.k-button
{
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/* Override the important default line-height in Firefox 4+ */
.k-button:-moz-any(input[type="submit"], input[type="button"], input[type="reset"]) {
    padding-bottom: 0.37em;
    padding-top: 0.37em;
}

*+html .k-button { overflow: visible; margin-right: 4px; }
*+html a.k-button { line-height: 1.6; padding-left: 7px; padding-right: 7px;/*+1*/ }
*+html .k-button-expand { margin-left: 0; margin-right: 0; }

button.k-button::-moz-focus-inner,
input.k-button::-moz-focus-inner
{
    padding: 0;
    border: 0;
}

a.k-button-expand
{
    display: block;
}

button.k-button-expand,
input[type="submit"].k-button-expand,
input[type="button"].k-button-expand,
input[type="reset"].k-button-expand
{
    width: 100%;
}

body .k-button-icon
{
    padding-left: 4px;
    padding-right: 4px;
}
*+html a.k-button-icon { padding-left: 5px; padding-right: 5px;/*+1*/ }

.k-button-icontext
{
    padding-right: 8px;
    overflow: visible; /*IE9*/
}

.k-button-icontext .k-icon
{
    margin: 0 3px 0 -3px;
    vertical-align: text-top;
}
*+html .k-button-icontext .k-icon { margin-right: 4px; }

html body .k-button-bare
{
    background: none !important; /*spares long selectors*/
    border-width: 0;
}

/* link */

.k-link
{
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

.k-grid-header span.k-link
{
    cursor: default;
}

/* states */

.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-picker-wrap .k-icon,
.k-state-disabled .k-button,
.k-state-disabled .k-draghandle,
.k-state-disabled .k-slider .k-icon,
.k-state-disabled .k-upload-button input
{
    cursor: default;
    outline: none;
}

.k-state-error
{
    border-style: ridge;
}

.k-state-empty
{
    font-style: italic;
}

/* icons */

.k-icon,
.k-sprite,
.k-editor-button .k-tool-icon
{
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle;
}
*+html .k-icon, *+html .k-sprite { text-indent: 0; }

.k-numerictextbox .k-i-arrow-n  { background-position: 0 -2px; }
.k-numerictextbox .k-i-arrow-s { background-position: 0 -35px; }
.k-state-selected .k-i-arrow-n { background-position: -16px 0; }
.k-numerictextbox .k-state-selected .k-i-arrow-n  { background-position: -16px -2px; }
.k-state-selected .k-i-arrow-s { background-position: -16px -32px; }
.k-numerictextbox .k-state-selected .k-i-arrow-s { background-position: -16px -35px; }

.k-i-arrow-n { background-position: 0 0; }
.k-i-arrow-e { background-position: 0 -16px; }
.k-i-arrow-s { background-position: 0 -32px; }
.k-i-arrow-w { background-position: 0 -48px; }

.k-i-seek-n { background-position: 0 -64px; }
.k-i-seek-e { background-position: 0 -80px; }
.k-i-seek-s { background-position: 0 -96px; }
.k-i-seek-w { background-position: 0 -112px; }

.k-si-arrow-n { background-position: 0 -129px; }
.k-si-arrow-e { background-position: 0 -144px; }
.k-si-arrow-s { background-position: 0 -159px; }
.k-si-arrow-w { background-position: 0 -176px; }

.k-i-arrowhead-n { background-position: 0 -256px; }
.k-i-arrowhead-e { background-position: 0 -272px; }
.k-i-arrowhead-s { background-position: 0 -288px; }
.k-i-arrowhead-w { background-position: 0 -304px; }

.k-i-expand, .k-plus { background-position: 0 -192px; }
.k-i-expand-w, .k-rtl .k-i-expand, .k-rtl .k-plus { background-position: 0 -208px; }
.k-i-collapse, .k-minus { background-position: 0 -226px; }
.k-i-collapse-w, .k-rtl .k-i-collapse, .k-rtl .k-minus { background-position: 0 -240px; }

.k-i-pencil, .k-edit { background-position: -32px 0; }
.k-i-close, .k-delete, .k-group-delete { background-position: -32px -16px; }
.k-i-tick, .k-insert, .k-update { background-position: -32px -32px; }
.k-i-cancel, .k-cancel, .k-denied { background-position: -32px -48px; }
.k-i-plus, .k-add { background-position: -32px -64px; }
.k-i-funnel, .k-filter { background-position: -32px -80px; }
.k-i-funnel-clear, .k-clear-filter { background-position: -32px -96px; }

.k-i-refresh { background-position: -32px -112px; }
.k-i-restore { background-position: -32px -128px; }
.k-i-maximize { background-position: -32px -144px; }
.k-i-minimize { background-position: -64px -288px; }
.k-resize-se { background-position: -32px -160px; }

.k-i-calendar { background-position: -32px -176px; }
.k-i-clock { background-position: -32px -192px; }
.k-si-plus { background-position: -32px -208px; }
.k-si-minus { background-position: -32px -224px; }

.k-i-search { background-position: -32px -240px; }
.k-i-custom { background-position: -115px -113px; }
.k-editor .k-i-custom { background-position: -112px -110px; }
.k-viewHtml { background-position: -112px -132px; }

.k-i-insert-n, .k-insert-top { background-position: -160px -32px; }
.k-i-insert-m, .k-insert-middle { background-position: -160px -48px; }
.k-i-insert-s, .k-insert-bottom { background-position: -160px -64px; }
.k-drop-hint { background-position: 0 -326px; }

.k-i-note, .k-warning { background-position: -160px -240px; }

.k-image
{
    border: 0;
}

/* Colors */

html .k-success-colored
{
    color: #507f50;
    border-color: #d0dfd0;
    background-color: #f0fff0;
}

html .k-info-colored
{
    color: #50607f;
    border-color: #d0d9df;
    background-color: #f0f9ff;
}

html .k-error-colored
{
    color: #7f5050;
    border-color: #dfd0d0;
    background-color: #fff0f0;
}

.k-inline-block
{
    padding: 0 2px;
}

/* loading */

.k-loading,
.k-loading-image
{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.k-loading-mask,
.k-loading-image,
.k-loading-text
{
    position: absolute;
}

.k-loading-text
{
    top: -4000px;
    left: -4000px;
}

.k-loading-image,
.k-loading-color
{
    width: 100%;
    height: 100%;
}

.k-loading-image
{
    top: 0;
    left: 0;
    z-index: 2;
}

.k-loading-color
{
    filter: alpha(opacity=30);
    opacity: .3;
}

.k-content-frame {
    border: 0;
    width: 100%;
    height: 100%;
}

.k-content-frame + .k-overlay {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
}

/* drag n drop */

.k-drag-clue
{
    position: absolute;
    z-index: 10003;
    border-style: solid;
    border-width: 1px;
    font-size: .9em;
    padding: .2em .4em;
    white-space: nowrap;
    cursor: default;
}

.k-drag-status
{
    margin-top: -3px;
    margin-right: 4px;
    vertical-align: middle;
}

.k-reorder-cue
{
    position: absolute;
    width: 1px;
    overflow: visible;
}

.k-reorder-cue .k-icon
{
    position: absolute;
    left: -4px;
    width: 8px;
    height: 4px;
}

.k-reorder-cue .k-i-arrow-s { top: -4px; background-position: -4px -166px; }
.k-reorder-cue .k-i-arrow-n { bottom: -4px; background-position: -4px -134px; }

/* virtual scrollbar */

.k-scrollbar
{
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical
{
    top: 0;
    right: 0;
    width: 17px; /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar
{
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    body .k-touch-scrollbar
    {
        height: 12px;
        width: 12px;
        -webkit-border-radius: 7px;
    }
}

/* Window */

div.k-window
{
    display: inline-block;
    position: absolute;
    z-index: 10001;
    border-style: solid;
    border-width: 1px;
    padding-top: 2em;
}

.k-block > .k-header,
.k-window-titlebar
{
    position: absolute;
    width: 100%;
    height: 1.1em;
    line-height: 1.1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2em;
    padding: .4em 0;
    font-size: 1.2em;
    white-space: nowrap;
    min-height: 16px; /* icon size */
}

.k-block > .k-header
{
    position: relative;
    margin: -2px 0 0 -2px;
    padding: .3em 2px;
}

.k-window-title
{
    position: absolute;
    left: .44em;
    right: .44em;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis;
}

.k-window-title .k-image
{
    margin: 0 5px 0 0;
    vertical-align: middle;
}

div.k-window-titleless
{
    padding-top: 0;
}

div.k-window-content
{
    position: relative;
    z-index: -1;
    height: 100%;
    padding: .58em;
    overflow: auto;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Compensate for content padding in IE7 */
*+html .k-window { padding-bottom: 1.16em; }

.k-window-titlebar .k-window-actions
{
    position: absolute;
    top: 0;
    right: .5em;
    padding-top: .3em;
    white-space: nowrap;
}

.k-window-titlebar .k-window-action
{
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    filter: alpha(opacity=70);
    opacity: .7;
}

.k-window-titlebar .k-state-hover
{
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    filter: alpha(opacity=100);
    opacity: 1;
}

.k-window-action .k-icon
{
    margin: 0;
    vertical-align: top;
}

.k-window .k-resize-handle
{
    position: absolute;
    z-index: 1;
    background-color: #fff;
    font-size: 0;
    line-height: 6px;
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1;
}

.k-resize-n { top: -3px; left: 0; width: 100%; height: 6px; cursor: n-resize; }
.k-resize-e { top: 0; right: -3px; width: 6px; height: 100%; cursor: e-resize; }
.k-resize-s { bottom: -3px; left: 0; width: 100%; height: 6px; cursor: s-resize; }
.k-resize-w { top: 0; left: -3px; width: 6px; height: 100%; cursor: w-resize; }
.k-resize-se { bottom: -3px; right: -3px; width: 16px; height: 16px; cursor: se-resize; }
.k-resize-sw { bottom: -3px; left: -3px; width: 6px; height: 6px; cursor: sw-resize; }
.k-resize-ne { top: -3px; right: -3px; width: 6px; height: 6px; cursor: ne-resize; }
.k-resize-nw { top: -3px; left: -3px; width: 6px; height: 6px; cursor: nw-resize; }

.k-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

.k-window .k-overlay
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}

.k-window .k-widget
{
    z-index: 10002;
}

/* TabStrip */

.k-tabstrip
{
    margin: 0;
    padding: 0;
    zoom: 1;
}

.k-tabstrip .k-tabstrip-items
{
    padding: 0.3em 0.3em 0;
}

.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item
{
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 0 -1px 0 0;
    padding: 0;
    vertical-align: top;
}

.k-tabstrip-items .k-tab-on-top,
.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active
{
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.k-tabstrip-items .k-tab-on-top
{
    z-index: 1;
}

.k-tabstrip-items .k-link,
.k-panelbar .k-tabstrip-items .k-link
{
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em;
    outline: 0;
}

.k-tabstrip-items .k-icon,
.k-panelbar .k-tabstrip-items .k-icon
{
    margin: -1px 4px 0 -3px;
    vertical-align: top;
}

.k-tabstrip-items .k-item .k-image,
.k-tabstrip-items .k-item .k-sprite,
.k-panelbar .k-tabstrip-items .k-item .k-image,
.k-panelbar .k-tabstrip-items .k-item .k-sprite
{
    margin: -3px 3px 0 -6px;
    vertical-align: middle;
}

*+html .k-tabstrip-items .k-item .k-image,
*+html .k-tabstrip-items .k-item .k-sprite
{
    margin-top: -1px;
    vertical-align: top;
}

.k-tabstrip .k-content,
.k-panelbar .k-tabstrip .k-content
{
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .3em .3em;
    padding: .3em .92em;
    zoom: 1;
}

.k-tabstrip>.k-content
{
    display: none;
}

/* PanelBar */

.k-panelbar
{
    zoom: 1;
}

.k-panelbar > .k-item,
.k-panel > .k-item
{
    list-style-type: none;
    display: block;
    border-width: 0;
    margin: 0;
    zoom: 1;

    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.k-panelbar .k-image,
.k-panelbar .k-sprite
{
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    vertical-align: middle;
}

.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link
{
    display: block;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0 1em;
    line-height: 2.34em;
    text-decoration: none;
    zoom: 1;
}

.k-panelbar-expand,
.k-panelbar-collapse
{
    position: absolute;
    top: 5px;
    right: 2px;
}

.k-panelbar .k-panel,
.k-panelbar .k-content
{
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    zoom: 1;
}

.k-panel > .k-item > .k-link
{
    border-bottom: 0;
    font-size: .95em;
    line-height: 2.2;
}

.k-panel .k-i-arrow-n,
.k-panel .k-i-arrow-s
{
    top: 4px;
}

.k-panel .k-panel > .k-item > .k-link
{
    padding-left: 2em;
}

.k-panelbar .k-i-seek-e .k-link
{
    border-bottom: 0;
}

.k-panel .k-panel
{
    border-bottom: 0;
}

/* Menu */

.k-menu
{
    cursor: default;
}

.k-menu,
.k-menu .k-group
{
    list-style: none;
    margin: 0;
    padding: 0;
    zoom: 1;
}

.k-menu .k-item
{
    position: relative;
    float: left;
    border-style: solid;
    border-width: 0 1px 0 0;
    vertical-align: top;
    zoom: 1;
    box-sizing: content-box;
}

.k-menu:after /* clear fix to expand content */
{
    content: '\A0';
    display: block;
    width: 99%;
    height: 0;
    overflow: hidden;
}

.k-menu .k-item .k-item,
.k-menu-vertical .k-item
{
    display: block;
    float: none;
    border-width: 0;
}

*+html .k-menu .k-item .k-item,
*+html .k-menu-vertical .k-item
{
    zoom: normal;

}

.k-menu .k-icon,
.k-menu .k-image,
.k-menu .k-sprite
{
    margin: -2px 4px 0 -4px;
    vertical-align: middle;
}

.k-menu .k-icon
{
    margin: -2px 0 0;
}

*+html .k-menu .k-i-arrow-s,
*+html .k-menu .k-image,
*+html .k-menu .k-sprite { margin-top: 0; }

.k-menu .k-link
{
    display: block;
    padding: .5em .9em .4em;
    line-height: 1.34em;
}

.k-menu .k-group
{
    display: none;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    white-space: nowrap;
}

.k-menu .k-group .k-item
{
    display: block;
    border-width: 0;
}

.k-menu .k-group .k-link
{
    padding: .28em 1.8em .38em .9em;
}

*+html .k-menu .k-group .k-link
{
    width: 100%;
}

.k-menu .k-i-arrow-s
{
    margin-right: -8px;
}

.k-menu .k-i-arrow-e
{
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 2px;
}

.k-menu .k-animation-container
{
    border: 0;
}

.k-menu .k-animation-container,
.k-menu .k-group
{
    position: absolute;
    left: 0;
}

.k-menu .k-animation-container .k-animation-container,
.k-menu .k-group .k-group,
.k-menu-vertical .k-animation-container,
.k-menu-vertical .k-group
{
    top: 0;
    left: 0;
}

.k-menu .k-animation-container .k-group
{
    top: auto;
    left: auto;
    margin-left: -1px;
}

.k-menu .k-animation-container
{
    margin-top: -1px;
    padding-left: 1px;
}

.k-menu .k-separator
{
    padding: 0.25em 0;
    height: 100%;
    width: 1px;
    border-width: 0 1px 0 0;
}

.k-menu-vertical .k-separator,
.k-menu .k-group .k-separator
{
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0;
}

/* Grid */

.k-grid,
.k-listview
{
    position: relative;
    zoom: 1;
}

.k-grid table
{
    width: 100%;
    border-collapse: separate;
    empty-cells: show;
    border-width: 0;
}

.k-grid-header .k-header
{
    text-align: left;
}

.k-grid-header .k-header
{
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.k-grid-header .k-header .k-link
{
    display: block;
    min-height: 18px;
    line-height: 18px; /* due to sorting icons*/
    margin: -.5em -.6em -.4em -.6em;
    padding: .5em .6em .4em .6em;
}

.k-grid-header .k-filterable .k-link
{
    padding-right: 2.4em;
}

.k-grid-header .k-header .k-icon
{
    position: static;
}

.k-grid-header .k-link>.k-icon
{
    vertical-align: text-top;
}

.k-grid .k-state-hover
{
    cursor: pointer;
}

.k-grid td
{
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.k-grid .k-grouping-row td,
.k-grid .k-hierarchy-cell
{
    overflow: visible;
}

.k-grid-edit-row td
{
    text-overflow: clip;
}

.k-grid-edit-row .k-textbox
{
    /*reset default webkit styles*/
    margin-top:0;
    margin-bottom:0;
}

.k-grid-header-wrap,
.k-grid-footer-wrap
{
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 0 0;
    zoom: 1;
}

div.k-grid-header,
div.k-grid-footer
{
    padding-right: 17px; /* scrollbar width; may vary; can be calculated */
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1;
}

div.k-grid-header .k-header
{
    border-bottom-width: 0;
}

.k-grid
{
    outline: 0;
}

.k-grid-content
{
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
}

@media print
{
    .k-grid
    {
        height:auto !important;
    }

    .k-grid-header
    {
        padding:0 !important;
    }

    .k-grid-content
    {
        overflow: visible;
        height: auto !important;
    }
}

.k-virtual-scrollable-wrap
{
    height: 100%;
    overflow-y: hidden;
    position:relative;
}

.k-grid-header table,
.k-grid-content table,
.k-grid-footer table
{
    table-layout: fixed;
}

*+html .k-grid-content table { width: auto; }

.k-grid-toolbar
{
    border-style: solid;
    border-width: 1px 0 0;
}

.k-grid-header .k-header:first-child,
.k-grid tbody td:first-child,
.k-grid tfoot td:first-child
{
    border-left-width: 0;
}

.k-grid-toolbar:first-child,
.k-grouping-header+.k-grid-toolbar
{
    border-width: 0 0 1px;
}

/* Grid :: footer */

.k-footer-template td
{
    border-style: solid;
    border-width: 1px 0 0 1px;
}

.k-group-footer td
{
    border-style: solid;
    border-width: 1px 0;
}

.k-grid-footer
{
    border-style: solid;
    border-width: 1px 0 0;
}

.k-grid-footer td
{
    border-top-width: 0;
}

/* Grid :: paging */

.k-pager-wrap
{
    overflow: auto;
    border-style: solid;
    border-width: 1px;
    line-height: 24px;
    padding:4px 0 4px 3px;
}

.k-grid-pager
{
    border-width: 1px 0 0;
}

.k-grid .k-pager-numbers,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected
{
    display: inline-block;
    vertical-align: top;
}

.k-pager-numbers
{
    margin:0 2px;
}

.k-pager-numbers .k-state-selected
{
    vertical-align:top;
}

.k-pager-numbers li,
.k-pager-input
{
    float:left;
}

.k-grid .k-pager-numbers
{
    float: left;
    cursor: default;
}

.k-pager-info
{
    float: right;
    padding:0 16px;
}

.k-pager-numbers .k-link
{
    text-decoration: none;
}

.k-pager-wrap>.k-link
{
    float:left;
    margin:0 1px;
    padding: 0 3px;
    height: 22px;/*IE7*/
    line-height: 22px;/*IE7*/
    border-radius:13px;
    cursor:pointer;
}

.k-pager-wrap>a.k-state-disabled:hover
{
    background:none;
    cursor:default;
}

.k-pager-wrap>.k-link .k-icon
{
    vertical-align:top;
    margin-top:3px;
}

.k-pager-numbers .k-link
{
    padding: 0 8px;
    border-radius:13px;
}

.k-pager-numbers .k-link:hover
{
    padding: 0 7px;
    border-style:solid;
    border-width:1px;
    line-height:22px;
}

.k-pager-wrap>.k-link
{
    border-style:solid;
    border-width:1px;
}

.k-pager-wrap .k-pager-refresh
{
    float:right;
    margin-right:6px;
    border-width:0;
    border-radius:0;
}

.k-pager-numbers .k-state-selected
{
    border-style:solid;
    border-width:1px;
    line-height:22px;
    padding:0 7px;
    border-radius:13px;
}

.k-pager-wrap .k-textbox
{
    width:40px;
}

*+html .k-pager-wrap .k-textbox
{
    height:16px;
    margin-top:2px;
}

.k-pager-wrap .k-dropdown
{
    width:50px;
}

.k-pager-refresh
{
    float:right;
}

.k-pager-input,
.k-pager-sizes
{
    padding:0 17px;
}

*+html .k-pager-sizes
{
    float:left;
}

.k-pager-wrap .k-textbox,
.k-pager-wrap .k-widget
{
    margin:-.3em .4em 0;
}

/* Grid :: filtering */

.k-grid-filter
{
    float: right;
    margin: -.5em -.6em -.4em;
    padding: 0.54em 0.2em;
}

.k-grid-filter .k-icon
{
    vertical-align: top;
}

.k-grid .k-animation-container
{
    position: absolute;
}

.k-filter-menu
{
    padding: .5em;
}

.k-filter-menu .k-widget,
.k-filter-menu .k-textbox
{
    display: block;
}

.k-filter-help-text,
.k-filter-menu .k-widget
{
    margin: .3em 0 0;
}

.k-filter-menu .k-filter-and
{
    width: 6em;
    margin: .6em 0 0;
}

.k-filter-menu .k-button
{
    width:48%;
    margin: .6em 4% 0 0;
}

.k-filter-menu .k-button+.k-button
{
    margin-right: 0;
}

/* Grid :: grouping */

.k-grouping-row .k-icon
{
    margin: 0 4px 0 0;
}

.k-grouping-row p
{
    display: inline-block;
    vertical-align: middle;
    margin-left: -.6em;
    padding: 0 .6em;
}

.k-grid .k-group-cell+td,
.k-grid .k-hierarchy-cell+td
{
    border-left-width: 0;
}

.k-grid .k-group-col,
.k-grid .k-hierarchy-col
{
    width: 30px;
}

.k-grouping-header
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.k-grouping-header
{
    line-height: 2;
}

.k-grouping-dropclue
{
    position: absolute;
    width: 6px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: -165px -148px;
}

.k-grouping-header .k-group-indicator
{
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    margin: 0 3px;
    padding: .15em .15em .15em .4em;
    line-height: 1.5em;
}

.k-grouping-header .k-link
{
    display: inline-block;
    border-width: 0;
    padding: 0;
    line-height: normal;
    text-decoration: none;
}

.k-grouping-header .k-button
{
    border: 0;
    padding: 0;
    background: transparent;
    line-height: 1;
}

.k-grouping-header .k-link .k-icon
{
    margin: 0 0 0 -3px;
}

.k-grouping-header .k-button .k-icon
{
    margin: 0 0 0 3px;
}

.k-grouping-header a,
.k-grouping-header .k-button
{
    display: inline-block;
    vertical-align: middle;
}

/* Grid :: editing */

.k-dirty
{
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: #f00 transparent transparent #f00;
    margin: -0.45em 0 0 -0.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
}

.k-grouping-header,
.k-grid-toolbar
{
    margin: 0;
    padding: .2em .6em;
    cursor: default;
}

.k-grid .k-edit-container
{
    padding: 0;
}

.k-edit-form
{
    margin: 0;
    padding: 0;
}

.k-grid-edit-row .k-edit-form td
{
    border-bottom-width: 0;
}

.k-edit-form-container
{
    position: relative;
    width: 400px;
}

.k-edit-label,
.k-edit-field
{
    display: inline-block;
    padding-bottom: 1em;
}

.k-edit-label
{
    width: 30%;
    text-align: right;
    padding-right: 3%;
}

.k-edit-field
{
    width: 60%;
}

.k-grid .field-validation-error
{
    display: block;
}

.k-grid .input-validation-error
{
    border-style: ridge;
    border-color: #f00;
    background-color: #ffc0cb;
}

.k-grid-toolbar .k-button
{
    vertical-align: middle;
}

.k-grid-actions
{
    display: inline-block;
}

*+html .k-grid-actions{ vertical-align: bottom; }

.k-grid .k-button,
.k-edit-form .k-button
{
    margin: 0 .2em;
}

.k-grid tbody .k-button
{
    min-width: 64px; /*main setting*/
}

.k-grid tbody button.k-button, #ie8#skips
{
    min-width: 78px; /*+14 for buttons, except IE8*/
}

*+html .k-grid tbody a.k-button
{
    min-width: 62px; /*-2 for links for IE7*/
}

html body .k-grid tbody .k-button-icon
{
    width: auto;
    min-width: 0;
}

.k-detail-row
{
    position: relative;
}

.k-grid .k-detail-cell
{
    overflow: visible;
}

.k-grid .k-edit-cell
{
    padding: 0 .3em;
}

.k-edit-cell .k-textbox,
.k-edit-cell .k-widget,
.k-grid-edit-row .k-textbox,
.k-grid-edit-row .k-widget
{
    width: 100%;
}

.k-edit-cell .k-widget,
.k-grid-edit-row .k-widget
{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*+html .k-edit-cell .k-textbox,
*+html .k-edit-cell .k-widget,
*+html .k-grid-edit-row .k-textbox,
*+html .k-grid-edit-row .k-widget
{
    display: inline;
    width: 90%;
}

*+html .k-edit-cell .k-textbox,
*+html .k-grid-edit-row .k-textbox
{
}

html .k-edit-cell .k-tooltip,
html .k-grid-edit-row .k-tooltip
{
    width: auto;
    max-width: 300px;
}

.k-edit-cell input[type="checkbox"]
{
    margin-left: .6em;
}

.k-grid tbody td>.k-grid-delete
{
    margin-top: -.2em;
    margin-bottom: -.2em;
}

/* Grid :: resizing */

.k-grid-resize-indicator
{
    position: absolute;
    width: 2px;
    background-color: #aaa;
}

.k-grid .k-resize-handle
{
    position: absolute;
    height: 25px;
    cursor: col-resize;
}

.k-marquee
{
    position: absolute;
    filter: alpha(opacity=30);
    opacity: .3;
}

/* ComboBox & DropDownList */

span.k-datepicker,
span.k-numerictextbox,
span.k-combobox,
span.k-dropdown
{
    background: none;
}

.k-autocomplete,
.k-combobox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker,
.k-numerictextbox,
.k-dropdown,
.k-selectbox,
.k-textbox
{
    position: relative;
    display: inline-block;
    width: 12.4em;
    overflow: visible;
    border-width: 0;
    white-space: nowrap;
    vertical-align: middle;
}

.k-datetimepicker
{
    width: 15em;
}

.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap
{
    position: relative;
    cursor: default;
}

.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap
{
    display: block;
}

.k-calendar-container .k-header
{
    background: none;
}

.k-block,
.k-widget,
.k-grid,
.k-slider,
.k-splitter,
.k-treeview,
.k-panelbar
{
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-list-container,
.k-calendar-container
{
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 2px;
    border: 1px solid transparent;
}

.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up
{
    border-top: 0;
    padding-top: 3px;
}

.k-dropdown-wrap.k-state-border-up .k-select,
.k-picker-wrap.k-state-border-up .k-select
{
    top: 1px;
}

.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down
{
    border-bottom: 0;
    padding-bottom: 3px;
}

.k-textbox,
.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap
{
    border-width: 1px;
    border-style: solid;
    padding: 2px 22px 2px 2px;
}

.k-numeric-wrap.k-expand-padding
{
    padding-right : 2px;
}

.k-textbox,
.k-autocomplete
{
    padding: 2px;
}

.k-textbox.k-space-left
{
    padding-left: 22px;
}

.k-textbox.k-space-right
{
    padding-right: 22px;
}

.k-textbox .k-icon
{
    font-size: inherit;
    top: 50%;
    margin: -8px 0 0;
    position: absolute;
}

.k-space-left .k-icon
{
    left: 3px;
}

.k-space-right .k-icon
{
    right: 3px;
}

.k-autocomplete,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover
{
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    -moz-transition: -moz-box-shadow .15s ease-out;
    -o-transition: box-shadow .15s ease-out;
    -ms-transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
}

.k-textbox > input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-combobox .k-input
{
    width: 100%;
    vertical-align: top;
}

.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input
{
    font-family: inherit;
    border-width: 0;
    outline: 0;
}

.k-dropdown
{
    outline: 0;
}

.k-dropdown .k-input,
.k-selectbox .k-input
{
    background: transparent;
}

*+html .k-picker-wrap .k-input, *+html .k-numeric-wrap .k-input, *+html .k-combobox .k-input { margin: -1px 0; } /* removes excessive spacing */

.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select
{
    position: absolute; /* icon positioning */
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    cursor: default;
}

.k-combobox .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select
{
    border-style: solid;
    border-width: 0;
    border-color: inherit; /* skin-related, inherit does not work in ie7- */
}

.k-picker-wrap .k-select,
.k-numeric-wrap .k-select
{
    padding: 0 2px;
}

span.k-datetimepicker .k-select,
span.k-datetimepicker .k-select+.k-select
{
    right: 0;
}

.k-textbox,
.k-autocomplete
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.k-textbox > input,
.k-autocomplete .k-input
{
    display: block;
}

.k-combobox .k-icon
{
    margin-top: 1px;
}

.k-dropdown .k-select,
.k-selectbox .k-select
{
    overflow: hidden;
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit;
    cursor: default;
}

.k-dropdown .k-input,
.k-selectbox .k-input
{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input
{
    height: 1.31em;
    line-height: 1.31em;
    padding: 0.18em 0;
    text-indent: 4px;
    border: 0;
    margin: 0;
}

*+html .k-autocomplete .k-input,
*+html .k-picker-wrap .k-input,
*+html .k-numeric-wrap .k-input,
*+html .k-dropdown-wrap .k-input,
*+html .k-selectbox .k-input
{
    text-indent: 0;
}

.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select
{
    min-height: 1.3em;
    line-height: 1.3em;
    vertical-align: middle;
    padding: 3px;
}

body .k-datetimepicker .k-select
{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.k-popup
{
    border-style: solid;
    border-width: 1px;
}

.k-popup .k-item
{
    cursor: default;
}

.k-popup .k-calendar
{
    border: 0;
}

.k-list
{
    height: 100%;
}

.k-list .k-item
{
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
}

.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-selected
{
    padding: 0 4px;
    border-width: 1px;
    border-style: solid;
}

/* Calendar */

.k-calendar
{
    position: relative;
    display: inline-block;
    width: 203px;
    overflow: hidden;
}

.k-calendar td,
.k-calendar .k-link
{
    text-decoration: none;
}

.k-calendar .k-action-link
{
    text-decoration: underline;
}

.k-calendar .k-header,
.k-calendar .k-footer
{
    position: relative;
    text-align: center;
    zoom: 1;
}

.k-calendar .k-nav-prev,
.k-calendar .k-nav-next
{
    position: absolute;
    top: .3em;
    padding: .22em;
}
.k-calendar .k-nav-prev { left: 1%; }
.k-calendar .k-nav-next { right: 1%; }

.k-calendar .k-content
{
    float:left;
    border-spacing: 0;
    width: 100%;
    height: 166px;
    border-width: 0;
    margin: 0;
    table-layout: fixed;
    text-align: right;
}

.k-calendar .k-animation-container .k-content
{
    height: 100%;
}

.k-calendar .k-nav-fast
{
    display: inline-block;
    width: 75%;
    height:29px;
    line-height:29px;
}

.k-calendar .k-nav-fast .k-icon
{
    vertical-align: top;
}

.k-calendar th
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: .4em .45em .4em .1em;
    font-weight: normal;
    cursor: default;
}

.k-calendar td
{
    padding: 1px;
    cursor: pointer;
}

.k-calendar .k-state-focus
{
    border-style: dotted;
    border-width: 1px;
    padding: 0;
}

.k-calendar .k-content .k-link
{
    display: block;
    overflow: hidden;
    min-height:22px;
    line-height:22px;
    padding: 0 .45em 0 .1em;
}

.k-calendar .k-meta-view .k-link
{
    padding: .25em 0 .3em;
    text-align: center;
}

.k-calendar .k-footer
{
    clear:both;
    padding: .5em 0;
}

.k-calendar .k-nav-today:hover
{
    text-decoration:underline;
}

/* Date/Time Pickers */

span.k-timepicker,
span.k-datetimepicker,
span.k-datepicker
{
    background-color: transparent; /* due to k-widget */
}

.k-datetimepicker .k-picker-wrap
{
    padding-right: 42px;
}

.k-datetimepicker .k-picker-wrap .k-icon
{
    margin-left: 3px;
}

.k-picker-wrap .k-icon
{
    cursor: pointer;
}

.k-button,
.k-textbox,
.k-timepicker,
.k-datepicker,
.k-datetimepicker
{
    display: inline-block;
    vertical-align: middle;
}

.k-picker-wrap .k-input
{
    margin: 0;
}

.k-time-popup .k-item
{
    padding: 1px 3px;
}

/* TreeView */

div.k-treeview
{
    /* due to k-widget */
    border-width: 0;
    background: none;
    overflow: auto;
    white-space: nowrap;
}

.k-treeview .k-item
{
    /*position: static;
    top: auto;*/ /*?*/
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px;
}

.k-treeview .k-group,
.k-treeview .k-content
{
    margin: 0;
    padding: 0;
    background: none;
    list-style-type: none;
}

.k-treeview .k-animation-container
{
    height: auto !important;
}

.k-treeview .k-icon,
.k-treeview .k-image,
.k-treeview .k-sprite,
.k-treeview .k-checkbox,
.k-treeview .k-in
{
    display: inline-block;
    vertical-align: top;
}

.k-treeview .k-plus,
.k-treeview .k-minus,
.k-treeview .k-plus-disabled,
.k-treeview .k-minus-disabled
{
    float: left;  /* Opera */
    margin-top: 3px;
    margin-left: -16px;
    cursor: pointer;
}

.k-treeview .k-plus-disabled,
.k-treeview .k-minus-disabled
{
    cursor: default;
}

.k-treeview .k-sprite,
.k-treeview .k-image
{
    margin-right: 3px;
}

.k-treeview .k-in
{
    margin: 1px 0 1px 2px;
    padding: 2px 4px 2px 3px;
    line-height: 16px;
    text-decoration: none;
}

.k-treeview span.k-in
{
    cursor: default;
}

.k-treeview .k-state-hover,
.k-treeview .k-state-selected
{
    border-style: solid;
    border-width: 1px;
    padding: 1px 3px 1px 2px;
}

.k-treeview .k-drop-hint
{
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat;
}

/* inputs */

.k-input
{
    padding: 0.25em 0;
}

.k-input,
.k-textbox > input
{
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.k-textbox
{
    outline: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 2px\9;
    width: 12.4em;
}

input.k-textbox
{
    padding: 2px .3em;
    height: 2.12em;
    line-height: 1.6em;
}

textarea.k-textbox
{
    height: auto;
}

*+html .k-textbox
{
    padding: 1px 0;
    text-indent: 0;
}

/* NumericTextBox */

span.k-numerictextbox
{
    background: transparent;
}

.k-numerictextbox .k-input /* alignment of arrows in WebKit */
{
    margin: 0;
}

.k-numerictextbox .k-select
{
    padding-top: 1px;
    padding-bottom: 1px;
}

.k-numerictextbox .k-link
{
    display: block;
    height: 11px;
    line-height: 11px;
    border-width: 0;
    padding: 0;
}

.k-numerictextbox .k-icon
{
    height: 11px;
    vertical-align: top;
}

/* ColorPicker */

.k-colorpicker
{
    display: inline-block;
    vertical-align: middle;
}

.k-colorpicker .k-tool-icon
{
    display: inline-block;
    vertical-align: top;
    padding: 2px 3px;
    font-size: 0;
    line-height: 0;
}

.k-colorpicker .k-selected-color
{
    display: block;
    height: 16px;
    width: 16px;
}

.k-colorpicker .k-icon
{
    margin-top: 4px;
    vertical-align: middle;
}

.k-colorpicker-popup
{
    width: 136px;
    line-height: 0;
}

.k-colorpicker-popup .k-reset
{
    display: inline-block;
    margin: 0;
    padding: .25em;
}

.k-colorpicker-popup .k-item
{
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    overflow: hidden;
    font-size: 0;
    margin: 0 1px 1px 0;
    padding: 0;
}

.k-colorpicker-popup .k-item div
{
    height: 100%;
    margin: 1px;
    width: 100%;
}

/* Editor */

.k-editor
{
    width: 100%;
    height: 250px;
    table-layout: fixed;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    font-size: 100%;
    vertical-align: top;
}

.k-editor .k-editor-toolbar-wrap
{
    border: 0;
    padding: 0;
}

.k-editor-toolbar
{
    margin: 0;
    padding: .1em 0;
    list-style-type: none;
    line-height: 1.3em;
    cursor: default;
}

.k-editor-toolbar li
{
    display: inline; /* would have been inline-block, if not for IE */
    vertical-align: middle;
}

.k-editor-toolbar .k-editor-dropdown,
.k-editor-toolbar .k-editor-combobox,
.k-editor-toolbar .k-editor-selectbox,
.k-editor-toolbar .k-editor-colorpicker
{
    margin-right: 2px;
}

.k-editor-toolbar .k-separator
{
    position: relative;
    top: 1px;
    border-style: solid;
    border-width: 0 1px 0 0;
    margin: 0 .15em;
    padding: 0 0 0 1px;
    font-size: 1.3em;
}

.k-editor-toolbar .k-break
{
    display: block;
    height: 1px;
    font-size: 0;
    line-height: 0;
}

.k-editor-toolbar .k-dropdown,
.k-editor-toolbar .k-combobox,
.k-editor-toolbar .k-selectbox,
.k-editor-toolbar .k-colorpicker
{
    vertical-align: middle;
}

.k-editor-button .k-tool-icon
{
    width: 22px;
    height: 22px;
    margin: 1px;
    vertical-align: middle;
}

.k-editor-colorpicker .k-tool-icon
{
    padding: 17px 3px 2px;
}

.k-editor-colorpicker .k-icon
{
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #ccc;
}

.k-editor-colorpicker .k-selected-color
{
    height: 3px;
}

.k-bold { background-position: -64px 0; }
.k-italic { background-position: -64px -22px; }
.k-underline { background-position: -64px -44px; }
.k-strikethrough { background-position: -64px -66px; }
.k-foreColor .k-tool-icon { background-position: -64px -88px; }
.k-backColor .k-tool-icon { background-position: -64px -110px; }
.k-justifyLeft { background-position: -64px -132px; }
.k-justifyCenter { background-position: -64px -154px; }
.k-justifyRight { background-position: -64px -176px; }
.k-justifyFull { background-position: -64px -198px; }
.k-insertUnorderedList { background-position: -64px -242px; }
.k-insertOrderedList { background-position: -64px -264px; }
.k-indent { background-position: -112px 0; }
.k-outdent { background-position: -112px -22px; }
.k-createLink { background-position: -112px -44px; }
.k-unlink { background-position: -112px -66px; }
.k-insertImage { background-position: -112px -88px; }
.k-subscript { background-position: -112px -154px; }
.k-superscript { background-position: -112px -176px; }

/* default tool widths */
.k-fontName { width: 110px; }
.k-fontSize { width: 124px; }
.k-formatBlock { width: 147px; }

.k-editor-button .k-state-hover,
.k-editor-button .k-state-active
{
    border-style: solid;
    border-width: 1px;
    margin: 0;
    vertical-align: middle;
}

.k-editor-button .k-state-disabled
{
    filter: alpha(opacity=30);
    opacity: .3;
}

.k-editor .k-editable-area
{
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    outline: none;
}

.k-editor .k-content
{
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}

.k-editor iframe.k-content
{
    display: inline;
    vertical-align: top; /*fixes missing top border caused by the inline display*/
}

.k-editor .k-raw-content
{
    border: 0;
    margin: 0;
    padding: 0;
}

.k-editor .k-raw-content,
.k-editor-dialog .k-editor-textarea
{
    font-size: inherit;
    font-family: consolas, "courier new", monospace;
}

.k-editor-dialog
{
    padding: 1em;
}

.k-editor-dialog ol
{
    margin: 0;
    padding: 1em 0 0;
    list-style: none;
}

.k-form-text-row,
.k-form-checkbox-row
{
    padding-bottom: .3em;
}

.k-form-text-row input
{
    margin-right: 1em;
}

.k-form-text-row label
{
    display: inline-block;
    width: 7em;
    padding-right: .5em;
    text-align: right;
}

.k-form-checkbox-row input
{
    margin-left: 7.5em;
    padding: 0;
    font-size: inherit;
}

.k-form-checkbox-row label
{
    padding-left: .3em;
}

.k-form-checkbox-row input,
.k-form-checkbox-row label,
.k-form-text-row label
.k-form-text-row input,
.k-form-text-row select
{
    vertical-align: middle;
}

.k-form-text-row input,
.k-form-text-row select
{
    width: 20em;
}

.k-editor-dialog .k-form-text-row label,
.k-editor-dialog .k-button
{
    display: inline-block;
}

.k-editor-dialog .k-button-wrapper
{
    padding: 1em;
    text-align: right;
}

.k-editor-dialog .k-button-wrapper button
{
    vertical-align: baseline;
}

.k-editor-dialog .k-editor-textarea
{
    width: 600px;
    height: 350px;
    padding: .2em .2em .2em .4em;
    border-width: 1px;
    border-style: solid;
    overflow: auto;
}

.k-button-wrapper .k-link:hover {
    text-decoration: underline;
}

/* Slider */

div.k-slider
{
    position: relative;
    border-width: 0;
    background-color: transparent;

    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.k-slider-vertical
{
    width: 26px;
    height: 200px; /* default height */
}

.k-slider-horizontal
{
    display: inline-block;
    width: 200px; /* default width */
    height: 26px;
}

.k-slider-wrap
{
    width: 100%;
    height: 100%;
}

.k-slider .k-button,
.k-grid .k-slider .k-button
{
    position: absolute;
    top: 0;
    width: 24px;
    min-width: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    outline: none;
}

.k-slider .k-button .k-icon
{
    margin-top: 4px;
    vertical-align: top;
}

.k-state-disabled .k-slider-wrap
{
    filter: alpha(opacity=60);
    opacity: .6;
}

.k-state-disabled .k-slider-wrap .k-slider-items
{
    color: #333;
}

.k-slider .k-button-decrease
{
    left: 0;
}

.k-slider-vertical .k-button-decrease,
.k-grid .k-slider-vertical .k-button-decrease
{
    top: auto;
    bottom: 0;
}

.k-slider .k-button-increase
{
    right: 0;
}

.k-slider .k-icon
{
    cursor: pointer;
}

*+html .k-slider .k-icon { margin-top: 2px; }

.k-slider-track,
.k-slider-selection
{
    position: absolute;
    margin: 0;
    padding: 0;
}

.k-slider-horizontal .k-slider-track,
.k-slider-horizontal .k-slider-selection
{
    top: 50%;
    left: 0;
    height: 8px;
    margin-top: -4px;
    background-repeat: repeat-x;
}

.k-slider-horizontal .k-slider-buttons .k-slider-track
{
    left: 34px;
}

.k-slider-vertical .k-slider-track,
.k-slider-vertical .k-slider-selection
{
    left: 50%;
    bottom: 0;
    width: 8px;
    margin-left: -4px;
    background-repeat: repeat-y;
}

.k-slider-vertical .k-slider-buttons .k-slider-track
{
    bottom: 34px;
}

.k-draghandle
{
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.k-slider-horizontal .k-draghandle
{
    top: -4px;
    width: 13px;
    height: 14px;
}

.k-slider-vertical .k-draghandle
{
    left: -4px;
    width: 14px;
    height: 13px;
}

.k-slider-buttons .k-slider-items
{
    margin-left: 34px;
}

.k-slider-horizontal .k-slider-items
{
    height: 100%;
}

.k-slider-vertical .k-slider-items
{
    padding-top: 1px;
}

.k-slider-vertical .k-slider-buttons .k-slider-items
{
    padding-top: 0;
}

.k-slider-vertical .k-slider-buttons .k-slider-items
{
    margin: 0;
    padding-top: 35px;
}

.k-slider .k-tick
{
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
}

.k-slider-horizontal .k-tick
{
    float: left;
    height: 100%;
    text-align: center;
}

/* fixes ticks position and removes spacing between them in IE7 */
*+html .k-slider-vertical .k-tick { float: left; clear: left; width: 100%; }

.k-slider-horizontal .k-tick { background-position: center -92px; }
.k-slider-horizontal .k-slider-topleft .k-tick { background-position: center -122px; }
.k-slider-horizontal .k-slider-bottomright .k-tick { background-position: center -152px; }

.k-slider-horizontal .k-tick-large { background-position: center -2px; }
.k-slider-horizontal .k-slider-topleft .k-tick-large { background-position: center -32px; }
.k-slider-horizontal .k-slider-bottomright .k-tick-large { background-position: center -62px; }

.k-slider-vertical .k-tick { background-position: -92px center; }
.k-slider-vertical .k-slider-topleft .k-tick { background-position: -122px center; }
.k-slider-vertical .k-slider-bottomright .k-tick { background-position: -152px center; }

.k-slider-vertical .k-tick-large { background-position: -2px center; }
.k-slider-vertical .k-slider-topleft .k-tick-large { background-position: -32px center; }
.k-slider-vertical .k-slider-bottomright .k-tick-large { background-position: -62px center; }

.k-slider-horizontal .k-i-seek-w { background-position: 0 -92px; }
.k-slider-horizontal .k-tick-large.k-i-seek-w { background-position: 0 -2px; }
.k-slider-horizontal .k-slider-topleft .k-i-seek-w { background-position: 0 -122px; }
.k-slider-horizontal .k-slider-topleft .k-tick-large.k-i-seek-w { background-position: 0 -32px; }
.k-slider-horizontal .k-slider-bottomright .k-i-seek-w { background-position: 0 -152px; }
.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-i-seek-w { background-position: 0 -62px; }

.k-slider-horizontal .k-i-seek-e { background-position: 100% -92px; }
.k-slider-horizontal .k-tick-large.k-i-seek-e { background-position: 100% -2px; }
.k-slider-horizontal .k-slider-topleft .k-i-seek-e { background-position: 100% -122px; }
.k-slider-horizontal .k-slider-topleft .k-tick-large.k-i-seek-e { background-position: 100% -32px; }
.k-slider-horizontal .k-slider-bottomright .k-i-seek-e { background-position: 100% -152px; }
.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-i-seek-e { background-position: 100% -62px; }

.k-slider-vertical .k-i-seek-w { background-position: -92px 100%; }
.k-slider-vertical .k-tick-large.k-i-seek-w { background-position: -2px 100%; }
.k-slider-vertical .k-slider-topleft .k-i-seek-w { background-position: -122px 100%; }
.k-slider-vertical .k-slider-topleft .k-tick-large.k-i-seek-w { background-position: -32px 100%; }
.k-slider-vertical .k-slider-bottomright .k-i-seek-w { background-position: -152px 100%; }
.k-slider-vertical .k-slider-bottomright .k-tick-large.k-i-seek-w { background-position: -62px 100%; }

.k-slider-vertical .k-i-seek-e { background-position: -92px 0; }
.k-slider-vertical .k-tick-large.k-i-seek-e { background-position: -2px 0; }
.k-slider-vertical .k-slider-topleft .k-i-seek-e { background-position: -122px 0; }
.k-slider-vertical .k-slider-topleft .k-tick-large.k-i-seek-e { background-position: -32px 0; }
.k-slider-vertical .k-slider-bottomright .k-i-seek-e { background-position: -152px 0; }
.k-slider-vertical .k-slider-bottomright .k-tick-large.k-i-seek-e { background-position: -62px 0; }

.k-slider-vertical .k-tick
{
    text-align: right;
}

.k-slider-vertical .k-slider-topleft .k-tick
{
    text-align: left;
}

.k-slider .k-label
{
    position: absolute;
    white-space: nowrap;
    font-size: .92em;
}

.k-slider-horizontal .k-label
{
    left: 0;
    width: 100%;
    line-height: 1;
}

.k-slider-horizontal .k-i-seek-w .k-label
{
    left: -50%;
}

.k-slider-horizontal .k-i-seek-e .k-label
{
    left: auto;
    right: -50%;
}

.k-slider-horizontal .k-label
{
    bottom: -1.2em;
}

.k-slider-horizontal .k-slider-topleft .k-label
{
    top: -1.2em;
}

.k-slider-vertical .k-label
{
    left: 120%;
    display: block;
    text-align: left;
}

.k-slider-vertical .k-i-seek-e .k-label
{
    top: -0.5em;
}

.k-slider-vertical .k-i-seek-w .k-label
{
    bottom: -0.5em;
}

.k-slider-vertical .k-slider-topleft .k-label
{
    left: auto;
    right: 120%;
}

/* Tooltip */

.k-tooltip
{
    position: absolute;
    z-index: 20000;
    border-style: solid;
    border-width: 2px;
    padding: 4px 5px 4px 6px;
    background-repeat: repeat-x;

    min-width: 10px; /*slider tooltip only*/
    text-align: center; /*slider tooltip only*/

    filter: alpha(opacity=90);
    opacity: .9;
}

span.k-tooltip
{
    position: static;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px;
}

.k-invalid-msg
{
    display: none;
}

.k-callout
{
    position: absolute;
}

.k-callout-n,
.k-callout-s
{
    width: 11px;
    height: 6px;
}

.k-callout-w,
.k-callout-e
{
    width: 6px;
    height: 11px;
}

.k-callout-n
{
    top: -7px;
    left: 49%;
    margin-left: -5px;
    background-position: -162px -181px;
}

.k-tooltip-validation .k-callout-n
{
    background-position: -178px -181px;
}

.k-callout-w
{
    top: 49%;
    left: -7px;
    margin-top: -5px;
    background-position: -165px -226px;
}

.k-tooltip-validation .k-callout-w
{
    background-position: -181px -226px;
}

.k-callout-s
{
    top: 100%;
    left: 49%;
    margin-top: 2px;
    margin-left: -5px;
    background-position: -162px -213px;
}

.k-tooltip-validation .k-callout-s
{
    background-position: -178px -213px;
}

.k-callout-e
{
    top: 49%;
    left: 100%;
    margin-top: -5px;
    margin-left: 2px;
    background-position: -165px -194px;
}

.k-tooltip-validation .k-callout-e
{
    background-position: -181px -194px;
}

.k-tooltip-validation .k-warning
{
    vertical-align: text-top;
    margin-right: 3px;
}

.k-window .k-tooltip-validation
{
    z-index: 10010;
}

/* Splitter */

.k-splitter
{
    position: relative;
    height: 300px;
}

.k-pane > .k-splitter
{
    border-width: 0;
    overflow: hidden;
}

.k-splitter .k-pane
{
    overflow: hidden;
}

.k-splitter .k-scrollable
{
    overflow: auto;
}

.k-splitter .k-pane-loading
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
}

.k-ghost-splitbar,
.k-splitbar
{
    position: absolute;
    border-style: solid;
    font-size: 0;
}

.k-splitter .k-ghost-splitbar-horizontal,
.k-splitter .k-splitbar-horizontal
{
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y;
}

.k-ghost-splitbar-vertical,
.k-splitbar-vertical
{
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x;
}

.k-splitbar-draggable-horizontal
{
    cursor: w-resize;
}

.k-splitbar-draggable-vertical
{
    cursor: n-resize;
}

.k-splitbar .k-resize-handle
{
    display: none;
}

.k-restricted-size-horizontal,
.k-restricted-size-vertical
{
    background-color: #f00;
}

.k-splitbar-horizontal .k-icon
{
    position: absolute;
    top: 50%;
    width: 5px;
    height: 20px;
    margin-top: -10px;
}

.k-collapse-prev, .k-collapse-next,
.k-expand-prev, .k-expand-next { cursor: pointer; }

.k-splitbar-horizontal .k-collapse-prev { margin-top: -31px; }
.k-splitbar-horizontal .k-collapse-next { margin-top: 11px; }

.k-splitbar-static-horizontal
{
    width:1px;
}

.k-splitbar-static-vertical
{
    height:1px;
}

.k-splitbar-vertical .k-icon
{
    position: absolute;
    left: 50%;
    width: 20px;
    height: 5px;
    margin-left: -10px;
}

.k-splitbar-vertical .k-collapse-prev { margin-left: -31px; }
.k-splitbar-vertical .k-collapse-next { margin-left: 11px; }

.k-splitbar-draggable-vertical .k-resize-handle,
.k-splitbar-draggable-horizontal .k-resize-handle
{
    display: inline-block;
}

.k-splitbar-horizontal .k-resize-handle { background-position: -165px -6px; }
.k-splitbar-horizontal .k-collapse-prev,
.k-splitbar-horizontal .k-expand-next { background-position: -6px -174px; }
.k-splitbar-horizontal .k-collapse-next,
.k-splitbar-horizontal .k-expand-prev { background-position: -5px -142px; }

.k-splitbar-vertical .k-resize-handle { background-position: -38px -309px; }
.k-splitbar-vertical .k-collapse-prev,
.k-splitbar-vertical .k-expand-next { background-position: 2px -134px; }
.k-splitbar-vertical .k-collapse-next,
.k-splitbar-vertical .k-expand-prev { background-position: 2px -165px; }

/* Upload */

html .k-upload
{
    position: relative;
    border-width: 0;
    background: none;
}

.k-dropzone em,
.k-upload-button
{
    vertical-align: middle;
}

*+html .k-dropzone em, *+html .k-upload-button { vertical-align: baseline; }

.k-dropzone
{
    border-style: solid;
    border-width: 0;
    padding: 4px;
    background-color: transparent;
}

.k-dropzone em
{
    visibility: hidden;
    margin-left: .6em;
}

.k-dropzone-active
{
    border-width: 1px;
    padding: 3px;
}

.k-dropzone-active em
{
    visibility: visible;
}

.k-upload-button
{
    position: relative;
    width: 86px;
    overflow: hidden !important; /* important required by IE7 */
    direction: ltr;
}

.k-upload-button input
{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font: 200px monospace !important; /* critical for correct operation */
    filter: alpha(opacity=0);
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.k-upload-files
{
    border-style: solid;
    border-width: 1px;
    margin: .2em 0 0;
    padding: .3em .7em .5em;
    line-height: 1.9em;
}

.k-upload-files .k-button
{
    position: relative;
    top: 1px;
    margin-left: 8px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 84%;
}

*+html .k-upload-files .k-button{line-height: 1;} /*IE7*/

.k-upload .k-upload-action .k-icon
{
    width: 8px;
    height: 8px;
    vertical-align: baseline;
}

.k-upload .k-delete,
.k-upload .k-i-cancel
{
    background-position: -164px -116px;
}

.k-upload .k-fail
{
    background-position: -161px -111px;
}

.k-retry { background-position: -164px -132px; }
.k-si-refresh { background-position: -160px -128px; }
.k-si-tick, .k-success { background-position: -160px -96px; }
.k-si-cancel { background-position: -160px -112px; }

.k-filename
{
    position: relative;
    display: inline-block;
    min-width: 120px;
    max-width: 200px;
    vertical-align: middle;
    padding-bottom: 2px;

    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.k-progress,
.k-progress-status
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 118px;
    height: 2px;
    border-style: solid;
    border-width: 1px;
    background-repeat: repeat-x;
}

.k-progress-status
{
    left: -1px;
    bottom: -1px;
    width: 50%;
}

.k-upload-selected
{
    min-width: 86px;
    margin: 3px 0 0;

    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}
*+html .k-upload-selected { min-width: 100px; }

/* ImageBrowser */

.k-toolbar-wrap .k-dropzone em,
.k-toolbar-wrap .k-upload-files
{
    display: none;
}

.k-toolbar-wrap .k-dropzone
{
    border: 0;
    padding: 0;
    background-color: transparent;
}

.k-search-wrap
{
    position: relative;
    float: right;
    width: auto;
    padding: 0;
}

.k-search-wrap label
{
    position: absolute;
    top: 0;
    left: 4px;
    line-height: 20px;
    font-style: italic;
}

.k-search-wrap input.k-input
{
    width: 158px;
    padding-left: 0;
    padding-right: 0;
}

.k-search-wrap .k-search
{
    position: absolute;
    top: 1px;
    right: 2px;
}

.k-breadcrumbs
{
    position: relative;
    float: left;
    width: 560px;
}

.k-breadcrumbs-wrap
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding-left: 5px;
    line-height: 18px;
}

html input.k-breadcrumbs-input
{
    width: 100%;
    padding-left: 2px;
    font-family: inherit;
}

.k-breadcrumbs .k-link,
.k-breadcrumbs-wrap .k-icon
{
    margin-top: 0;
    text-decoration: none;
    vertical-align: middle;
}

.k-breadcrumbs .k-link:hover
{
    text-decoration: underline;
}

.k-imagebrowser .k-breadcrumbs .k-i-seek-w
{
    text-decoration: none;
    cursor: default;
}

.k-imagebrowser .k-toolbar
{
    clear: both;
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: 2px 0 3px;
    background-repeat: repeat-x;
    line-height: 23px;
    white-space: nowrap; /*required by WebKit*/
}

.k-imagebrowser .k-upload
{
    float: left;
}

.k-imagebrowser .k-upload-button
{
    width: auto;
    vertical-align: top;
}

.k-imagebrowser .k-upload .k-icon
{
    vertical-align: bottom;
}

*+html .k-imagebrowser .k-upload-button, *+html .k-imagebrowser .k-upload .k-icon { vertical-align: baseline; position: relative; top: 1px; }

*+html .k-imagebrowser .k-upload .k-icon { top: 2px; }

*+html .k-imagebrowser .k-toolbar .k-button-icon { vertical-align: middle; }

.k-i-folder-add, .k-addfolder
{
    background-position: -32px -272px;
}

.k-i-folder-up, .k-goup
{
    background-position: -32px -288px;
}

.k-toolbar .k-state-disabled
{
    filter: alpha(opacity=50);
    opacity: .5;
}

.k-toolbar-wrap
{
    float: left;
}

.k-tiles-arrange
{
    float: right;
}

.k-tiles-arrange .k-i-arrow-s
{
    margin: 0 2px 0 3px;
}

.k-tiles-arrange a
{
    text-decoration: none;
}

.k-tiles
{
    clear: both;
    height: 390px;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
    margin: 0 0 1.4em;
    padding: 9px;
    overflow: auto;
    line-height: 1.2;
}

.k-tile
{
    float: left;
    width: 223px;
    height: 88px;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin: 1px;
    padding: 0 0 4px;
    background-position: 0 100px;
    background-repeat: repeat-x;
    cursor: pointer;
}

.k-tiles li.k-state-hover,
.k-tiles li.k-state-selected
{
    background-position: 0 center;
}

.k-imagebrowser .k-thumb
{
    float: left;
    display: inline;
    width: 86px;
    height: 86px;
    margin: 4px 10px 0 4px;

    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.k-imagebrowser .k-image
{
    margin: 2px 0 0 2px;
}

.k-imagebrowser .k-folder
{
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat;
}

.k-imagebrowser .k-loading
{
    margin: 35px 0 0 33px;
}

.k-tile strong,
.k-tile input
{
    margin: 10px 0 4px;
    font-weight: normal;
}

.k-tile strong
{
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-tile input
{
    width: 100px;
}

.k-tile em,
.k-tile .k-filesize
{
    clear: left;
    font-weight: normal;
    font-style: normal;
}

.k-tile strong,
.k-tile input,
.k-tile em,
.k-tile .k-filesize
{
    display: block;
}

.k-imagebrowser .k-form-text-row input
{
    width: 628px;
}

.k-tile-empty
{
    margin: 160px 0 0;
}

.k-tile-empty .k-dialog-upload
{
    font-weight: bold;
    font-size: 120%;
}

.k-tile-empty strong
{
    display: block;
    margin: 0 0 0.2em;
    font-size: 3em;
    font-weight: normal;
}

.k-tile-empty,
.k-tile-empty .k-button-wrapper
{
    text-align: center;
}

/* IE7 inline-block behavior */

*+html .k-button,

*+html .k-grid-filter,
*+html .k-grid .k-pager-numbers,
*+html .k-grid .k-status-text,
*+html .k-pager-numbers .k-link,
*+html .k-pager-numbers span,
*+html .k-pager-numbers input,
*+html .k-grouping-row p,
*+html .k-grouping-header a,
*+html .k-grouping-header .k-group-indicator,
*+html .k-grouping-header .k-link,
*+html .k-grouping-header .k-button,
*+html .k-grid-actions,

*+html .k-combobox,
*+html .k-dropdown,
*+html .k-selectbox,
*+html .k-picker-wrap .k-select,
*+html .k-dropdown-wrap .k-select,

*+html .k-numerictextbox,

*+html .k-timepicker,
*+html .k-datepicker,
*+html .k-datetimepicker,
*+html .k-calendar,
*+html .k-calendar .k-nav-fast,

*+html .k-treeview .k-icon,
*+html .k-treeview .k-image,
*+html .k-treeview .k-sprite,
*+html .k-treeview .k-in,

*+html .k-colorpicker,
*+html .k-colorpicker .k-tool-icon,
*+html .k-colorpicker-popup .k-reset,

*+html .k-editor-dialog .k-button,

.k-form-text-row label,

*+html .k-tabstrip-items .k-item,
*+html .k-tabstrip-items .k-link,

*+html .k-slider-horizontal,

*+html .k-splitbar-draggable-vertical .k-resize-handle,
*+html .k-splitbar-draggable-horizontal .k-resize-handle,

*+html .t-filename,

*+html div.k-window,
*+html .k-window-titlebar .k-window-action

{ display: inline; zoom: 1; }

/* Mobile Scroller */

.km-scroll-container
{
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-margin-collapse: separate;
    -webkit-transform: translatez(0);
}

.k-widget .km-scroll-wrapper
{
    position: relative;
    padding-bottom: 0;
}

.km-touch-scrollbar
{
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .3em;
    width: .3em;
    background-color: rgba(0,0,0,.7);
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
}

.km-vertical-scrollbar
{
    height: 100%;
    right: 2px;
    top: 2px;
}

.km-horizontal-scrollbar
{
    width: 100%;
    left: 2px;
    bottom: 2px;
}
